/* line 12, ../scss/home.scss */
div#carouselHome div.item img {
  margin: 0 auto;
  width: auto;
}
/* line 16, ../scss/home.scss */
div#carouselHome div.item div.carousel-caption {
  height: 100%;
  bottom: 0;
}
/* line 20, ../scss/home.scss */
div#carouselHome div.item div.carousel-caption .carouselPauseBt {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 768px) {
  /* line 20, ../scss/home.scss */
  div#carouselHome div.item div.carousel-caption .carouselPauseBt {
    width: 60px;
    height: 60px;
  }
}
/* line 35, ../scss/home.scss */
div#carouselHome div.item div.carousel-caption .btn-mybtn2 {
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: 20px;
  font-size: 20px;
  width: 180px;
  border-radius: 20px;
  color: #fff;
  background-color: #ffa017;
  border-color: #ffa017;
}
div#carouselHome div.item div.carousel-caption .btn-mybtn3{
	background-color: #113840;
  	border-color: #113840;
  	top: 60%;
  	left: 50px;
}
@media screen and (max-width: 768px) {
  /* line 35, ../scss/home.scss */
  div#carouselHome div.item div.carousel-caption .btn-mybtn2 {
    left: 16px;
    font-size: 12px;
    width: 130px;
  }
}
@media screen and (max-width: 450px) {
  /* line 35, ../scss/home.scss */
  div#carouselHome div.item div.carousel-caption .btn-mybtn2 {
    position: relative;
    left: 0;
    margin-top: 5px;
  }
  div#carouselHome div.item div.carousel-caption .btn-mybtn3{
	position: absolute;
	left: -50px;
	top: 60%;
  }
}
/* line 61, ../scss/home.scss */
div#carouselHome .carousel-indicators {
  padding-left: 10px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  /* line 61, ../scss/home.scss */
  div#carouselHome .carousel-indicators {
    padding-left: 6px;
    bottom: 0;
  }
}
@media screen and (max-width: 730px) {
  /* line 61, ../scss/home.scss */
  div#carouselHome .carousel-indicators {
    display: none;
  }
}
/* line 73, ../scss/home.scss */
div#carouselHome .myCarouselControl {
  position: absolute;
  top: 50%;
  margin-top: -30px;
}
/* line 77, ../scss/home.scss */
div#carouselHome .myCarouselControl img {
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  /* line 73, ../scss/home.scss */
  div#carouselHome .myCarouselControl {
    margin-top: -20px;
  }
  /* line 83, ../scss/home.scss */
  div#carouselHome .myCarouselControl img {
    width: 40px;
    height: 40px;
  }
}
/* line 89, ../scss/home.scss */
div#carouselHome .left {
  left: 0;
}
/* line 92, ../scss/home.scss */
div#carouselHome .right {
  right: 0;
}

/* line 104, ../scss/home.scss */
div.featuresBlockArea {
  position: relative;
}
/* line 107, ../scss/home.scss */
div.featuresBlockArea > div.container > div.row {
  margin: 35px 0 0 0;
}
@media screen and (max-width: 992px) {
  /* line 107, ../scss/home.scss */
  div.featuresBlockArea > div.container > div.row {
    margin-top: 10px;
  }
}
/* line 114, ../scss/home.scss */
div.featuresBlockArea > div.container div.thumbnail {
  background-color: #F5F5F5;
  border: none;
  height: 250px;
}
/* line 118, ../scss/home.scss */
div.featuresBlockArea > div.container div.thumbnail div.caption {
  text-align: center;
}
/* line 120, ../scss/home.scss */
div.featuresBlockArea > div.container div.thumbnail div.caption img {
  min-height: 140px;
}
/* line 123, ../scss/home.scss */
div.featuresBlockArea > div.container div.thumbnail div.caption h3 {
  font-size: 1.2em;
}
/* line 126, ../scss/home.scss */
div.featuresBlockArea > div.container div.thumbnail div.caption p {
  font-size: 16px;
}
@media screen and (max-width: 992px) {
  /* line 114, ../scss/home.scss */
  div.featuresBlockArea > div.container div.thumbnail {
    height: 180px;
    margin-bottom: 10px;
  }
}

/* line 139, ../scss/home.scss */
div.homePromotArea {
  position: absolute;
  display: none;
  top: -20px;
  background-color: #FF9412;
  width: 100%;
  height: 320px;
  padding: 35px 0;
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  /* line 139, ../scss/home.scss */
  div.homePromotArea {
    top: -12px;
    height: 200px;
    padding: 10px 0;
  }
}
/* line 153, ../scss/home.scss */
div.homePromotArea #closeFeatureCarousel {
  position: absolute;
  display: block;
  color: white;
  right: 30%;
  font-size: 1.3em;
  z-index: 999;
}
/* line 161, ../scss/home.scss */
div.homePromotArea .carousel-indicators {
  bottom: -25px;
}
/* line 164, ../scss/home.scss */
div.homePromotArea #carouselHomePromot {
  height: 100%;
}
/* line 166, ../scss/home.scss */
div.homePromotArea #carouselHomePromot .carousel-inner {
  height: 100%;
}
/* line 170, ../scss/home.scss */
div.homePromotArea div.item {
  height: 250px;
}
/* line 172, ../scss/home.scss */
div.homePromotArea div.item img {
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 768px) {
  /* line 172, ../scss/home.scss */
  div.homePromotArea div.item img {
    width: 700px;
  }
}
@media (min-width: 992px) {
  /* line 172, ../scss/home.scss */
  div.homePromotArea div.item img {
    width: 880px;
  }
}
@media (min-width: 1200px) {
  /* line 172, ../scss/home.scss */
  div.homePromotArea div.item img {
    width: 1050px;
  }
}
/* line 185, ../scss/home.scss */
div.homePromotArea div.item .carousel-caption {
  height: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 7px;
}
@media (min-width: 768px) {
  /* line 185, ../scss/home.scss */
  div.homePromotArea div.item .carousel-caption {
    width: 700px;
  }
}
@media (min-width: 992px) {
  /* line 185, ../scss/home.scss */
  div.homePromotArea div.item .carousel-caption {
    width: 880px;
  }
}
@media (min-width: 1200px) {
  /* line 185, ../scss/home.scss */
  div.homePromotArea div.item .carousel-caption {
    width: 1050px;
  }
}
/* line 199, ../scss/home.scss */
div.homePromotArea div.item .carousel-caption .cardCloseBt {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
}
/* line 205, ../scss/home.scss */
div.homePromotArea div.item .carousel-caption div.infoArea {
  text-align: left;
  color: black;
  margin-left: 32%;
  width: 60%;
}
/* line 210, ../scss/home.scss */
div.homePromotArea div.item .carousel-caption div.infoArea h2 {
  font-size: 2em;
}
/* line 213, ../scss/home.scss */
div.homePromotArea div.item .carousel-caption div.infoArea p {
  text-shadow: none;
  padding-top: 20px;
  text-indent: 2em;
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  /* line 213, ../scss/home.scss */
  div.homePromotArea div.item .carousel-caption div.infoArea p {
    padding-top: 0px;
    font-size: 0.9em;
  }
}
/* line 227, ../scss/home.scss */
div.homePromotArea .myCarouselControl {
  position: absolute;
  top: 55px;
  margin-top: -30px;
}
/* line 231, ../scss/home.scss */
div.homePromotArea .myCarouselControl span {
  color: #122546;
  font-size: 2.5em;
  line-height: 250px;
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  /* line 227, ../scss/home.scss */
  div.homePromotArea .myCarouselControl {
    top: 22px;
  }
  /* line 238, ../scss/home.scss */
  div.homePromotArea .myCarouselControl span {
    line-height: 180px;
  }
}
/* line 243, ../scss/home.scss */
div.homePromotArea .left {
  left: 30px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  /* line 243, ../scss/home.scss */
  div.homePromotArea .left {
    left: 0;
  }
}
@media (max-width: 768px) {
  /* line 243, ../scss/home.scss */
  div.homePromotArea .left {
    left: 0;
  }
}
/* line 252, ../scss/home.scss */
div.homePromotArea .right {
  right: 30px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  /* line 252, ../scss/home.scss */
  div.homePromotArea .right {
    right: 0;
  }
}
@media (max-width: 768px) {
  /* line 252, ../scss/home.scss */
  div.homePromotArea .right {
    right: 0;
  }
}

/* line 265, ../scss/home.scss */
.backgroundWhite {
  background-color: white;
}

/* line 268, ../scss/home.scss */
div.featuresDetailArea div.row {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  /* line 268, ../scss/home.scss */
  div.featuresDetailArea div.row {
    padding: 30px 0;
  }
}
/* line 273, ../scss/home.scss */
div.featuresDetailArea div.row div.featuresDetailItemPic {
  padding-left: 60px;
}
/* line 275, ../scss/home.scss */
div.featuresDetailArea div.row div.featuresDetailItemPic img {
  height: 250px;
  width: auto;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  /* line 273, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemPic {
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  /* line 273, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemPic {
    padding-left: 15px;
  }
  /* line 286, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemPic img {
    margin-left: 5%;
    width: 90%;
    height: auto;
  }
}
/* line 294, ../scss/home.scss */
div.featuresDetailArea div.row div.featuresDetailItemText {
  text-align: left;
}
/* line 296, ../scss/home.scss */
div.featuresDetailArea div.row div.featuresDetailItemText h3 {
  font-size: 30px;
  font-weight: bold;
  color: #2d2828;
}
/* line 301, ../scss/home.scss */
div.featuresDetailArea div.row div.featuresDetailItemText p {
  text-indent: 2em;
  margin-top: 16px;
  font-size: 1.2em;
  color: #696969;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  /* line 294, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemText {
    padding-left: 40px;
  }
  /* line 310, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemText h3 {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 294, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemText {
    text-align: center;
  }
  /* line 317, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemText h3 {
    margin-top: 10px;
    font-size: 1.2em;
  }
  /* line 321, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemText p {
    text-indent: 0em;
    margin-top: 10px;
    font-size: 1em;
  }
}
/* line 328, ../scss/home.scss */
div.featuresDetailArea div.row div.featuresDetailItemText .btn-mybtn {
  margin-top: 20px;
  font-size: 20px;
  width: 180px;
  border-radius: 20px;
  color: #fff;
  background-color: #ffa017;
  border-color: #ffa017;
}
@media screen and (max-width: 992px) {
  /* line 328, ../scss/home.scss */
  div.featuresDetailArea div.row div.featuresDetailItemText .btn-mybtn {
    margin-top: 5px;
  }
}
/* line 343, ../scss/home.scss */
div.featuresDetailArea div.row div.secondTextArea {
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
  /* line 343, ../scss/home.scss */
  div.featuresDetailArea div.row div.secondTextArea {
    padding-left: 15px;
    margin-bottom: 10px;
  }
}

/* line 354, ../scss/home.scss */
div.newsArea {
  background-color: #2a2d34;
}
/* line 356, ../scss/home.scss */
div.newsArea > div.container {
  padding-top: 30px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  /* line 356, ../scss/home.scss */
  div.newsArea > div.container {
    padding-top: 15px;
    margin-bottom: 15px;
  }
}
/* line 363, ../scss/home.scss */
div.newsArea > div.container > h1 {
  color: #FFA017;
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  /* line 363, ../scss/home.scss */
  div.newsArea > div.container > h1 {
    font-size: 1em;
  }
}
/* line 370, ../scss/home.scss */
div.newsArea > div.container > p {
  color: #777;
}
/* line 373, ../scss/home.scss */
div.newsArea > div.container > div.row {
  margin-top: 70px;
}
/* line 375, ../scss/home.scss */
div.newsArea > div.container > div.row > div {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  /* line 375, ../scss/home.scss */
  div.newsArea > div.container > div.row > div {
    margin-bottom: 0px;
  }
}
/* line 382, ../scss/home.scss */
div.newsArea > div.container div.thumbnail {
  background-color: #2a2d34;
  border: none;
  height: 200px;
}
/* line 386, ../scss/home.scss */
div.newsArea > div.container div.thumbnail img {
  width: 90%;
  height: auto;
}
/* line 390, ../scss/home.scss */
div.newsArea > div.container div.thumbnail .mask {
  background-color: black;
  opacity: 0.5;
  top: 0;
  position: absolute;
  display: none;
  margin: 0 auto;
  top: 4px;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 399, ../scss/home.scss */
div.newsArea > div.container div.thumbnail .maskText {
  background-color: black;
  opacity: 0.9;
  top: 0;
  position: absolute;
  display: none;
  margin: 0 auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  color: white;
}
@media screen and (max-width: 768px) {
  /* line 382, ../scss/home.scss */
  div.newsArea > div.container div.thumbnail {
    height: auto;
  }
  /* line 414, ../scss/home.scss */
  div.newsArea > div.container div.thumbnail img {
    width: 100%;
    height: auto;
  }
}
